<template>
  <div class="newHeader">
    <topMenu></topMenu>
    <div class="width1200">
      <newLogoBox class="logoBox"></newLogoBox>
      <menuBox :menuStyle="{color:'whiteColor'}" class="menuBox"></menuBox>
      <newSearchBox class="searchBox"></newSearchBox>
    </div>
  </div>
</template>

<script>
import menuBox from "@/views/Main/module/menuBox";
import newLogoBox from "@/views/Main/module/newLogoBox";
import newSearchBox from "@/views/Main/module/newSearchBox";
import topMenu from "@/views/Main/module/topMenu";
export default {
  name: "newHeader",
  components:{
    newLogoBox,menuBox,newSearchBox,
    topMenu
  }
}
</script>

<style scoped lang="less">
.newHeader{
  width: 100%;
  //min-width: 1400px;
  position: fixed;
  z-index: 999;
  height: 110px;
  background-color: #0F47B8;
  .width1200{
    position: relative;
    height: 78px;
    .logoBox{
      position: absolute;
      left:0;
      bottom: 20px;
    }
    .menuBox{
      position: absolute;
      bottom: 0px;
      left:300px;
    }
    .searchBox{
      position: absolute;
      right: 0;
      bottom: 10px;
    }
  }
}
</style>